<!--TodoItem组件 负责展示一个待办事项条目,并提供删除和编辑按钮-->
<!--<script setup lang="ts">-->

<!--</script>-->

<!--<template>-->

<!--</template>-->

<!--<style scoped>-->

<!--</style>-->

export default {
  props: ['todo'],
  template: '
  <li>
    <span>{{todo.text}}</span>
    <button @click="deleteTodo">Delete</button>
    <button @click="editTodo">Edit</button>
  </li>
  ',
  methods: {
    deleteTodo() {
      this.$emit('deleteTodo', this.todo.id);
    },
    editTodo() {
      this.$emit('editTodo', this.todo.id);
    }
  }
};
